<html>
    <head>
        <meat charset="utf-8">
        <titie>li xiang</titie>
    <style type="text/css">
        body{
            background-image: url('4c.jpg');
            background-repeat: repeat;
            background-position: 50%;
            background-size: 100%  100%; 
            background-attachment:fixed;
        }
       .dg1{
            background-color: blue;
            height: 100px;
            width: 1000px;
            text-align: center;
       }
       .dg2{
        height: 200px;
        width: 200px;
        float: left;
        background: linear-gradient(to right,red,blue,green,yellow);
        
        border: solid;

       }
       .dg3{
        border: dotted ;
        float: right;
        box-shadow: 0px 2px 4px #ff0000 ;
        width: 200px;
        height: 200px;
        
       }
       .d1{
        width: 150px;
        height: 150px;
        border: double;
        margin: 50px;
       }
       .d2{
        width: 150px;
        height: 150px;
        border: double;
        margin: 50px;
       }
       .d3{
        width: 150px;
        height: 150px;
        border: double;
        margin: 50px;
       }
       .s1{
        width: 200px;
        height: 200px;
        border: double;
        margin: 90px;
        position: absolute;top: 50px;left: 40%;
        text-align: center;
        }
       .s2{
        width: 100px;
        height: 100px;
        margin: 50px;
        }
       .s3{
        width: 100px;
        height: 100px;
        margin: 50px;
        }
       .s4{
        width: 100px;
        height: 100px;
        margin: 50px;
        }
    </style>
    </head>
    <body>
    <div class="dg1">
        <img src="1.png" >
        <img src="2.png">
        <img src="3.png" >
        <img src="4.png" >
        <img src="4.png" >
        <img src="5.png">
        <img src="222.png">
    </div>
    <div class="dg2">hhhhhhhh</div>
    <span class="s1">eeee</span>
    <div class="dg3">
        <img src="t0.jpg" width="200px" height="200px">
    </div>
    <div class="d1">
        <p>进行<a href="https://www.baidu.com/">43434343</a>链接</p></div>
    <div class="d2">
        <p>ss<a href="https://www.baidu.com/">khkjk</a>jkk</p></div>
    <div class="d3">
        <p>44<a href="https://www.baidu.com/">444</a>44</p></div>
    
    <span class="s2">阿不交罚款不哈看报复饿啊我看部分</span>
    <span class="s3">v八号看看看看街头热吻根本就撒</span>
    <span class="s4">把客人也搞不过可悲啊我不</span>
    </body>
</html>